//购物车底部导航
view.cart-bottom {
    position        : fixed;
    bottom          : 0;
    height          : 100rpx;
    display         : flex;
    width           : 100vw;
    background-color: var(--themeColor);
    justify-content : space-between;
    align-items     : center;
    view.cart-left {
      display: flex;
      color  : white;
      icon {
          margin-left: 20rpx;
      }
      view {
          margin-left: 20rpx;
      }
    }
  
    view.cart-right {
        display:flex;
        color:white;
        .totalPrice {
            font-size:40rpx;
            margin-right:20rpx;
        }
        .pay {
            margin-right:20rpx;
            image {
                width: 50rpx;
            }
        }
    }
  }
  
//   购物车内容区域
  .snack-cart-list {
    .list-item {
        height         : 150rpx;
        display        : flex;
        width          : 100vw;
        padding        : 10rpx;
        align-items    : center;
        justify-content: space-around;
        border-bottom  : 1px solid #ddd;

        .left {
            icon {}
        }

        .middle {
            display        : flex;
            height         : 100%;
            flex-direction : column;
            align-items    : center;
            justify-content: space-between;

            .top {}

            .bottom {
                display        : flex;
                width          : 100%;
                justify-content: space-around;

                .sub {}

                .num {}

                .add {}
            }
        }

        .right {
            display        : flex;
            flex-direction : column;
            height         : 100%;
            justify-content: space-between;
            align-items    : center;

            .top {}

            .bottom {}
        }
    }
}
